<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BOM对象</title>
</head>
<body>
<input id="btn"type="button" value="刷新">
<input id="goT"type="button" value="去百度">
<input id="goH"type="button" value="获取历史记录个数">
<br>
<a href="8_JS_History.html">去08页面</a>
<input id="forward" type="button" value="前进">

<script>
    /*
    * location对象：地址栏对象
    * 方法：reload()重新加载当前页面
    * 属性：href：设置或返回完整的url
    * */
    /*
    * history对象：历史纪录对象
    * 方法：
    *       back()
    *       forward()
    *       go() 参数：加载历史记录中，某个具体页面。正数：前进几个页面，负数：后退几个页面。
    * 属性：length返回当前窗口历史记录的个数
    * */
    var btn = document.getElementById("btn");
    btn.onclick=function (){
        location.reload();
    }

    var goT = document.getElementById("goT");
    goT.onclick=function (){
       location.href="https://www.baidu.com";
    }
    var goH = document.getElementById("goH");
    goH.onclick=function () {
        var length = history.length;
        alert(length);
    }
//    获取标签对象
    var forward = document.getElementById("forward");
//    绑定单击事件
    forward.onclick=function () {
        //调用history的forward属性，前进
        history.forward();
    }

</script>
</body>
</html>